<!DOCTYPE html>
<html>

<head>
    <title>shoppingcar2购物车</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" href="css/shoppingcar2.css">
    <link rel="stylesheet" href="css/reset.css">

    <link rel="stylesheet" href="iconfont/iconfont.css">
</head>

<body>
    <!-----------顶部区域------------->
    <div id="litong">
        <div class="footerbanxin">
            <div id="logo">
                <h1><img src="images/shoppingcar/carHeader3.png" alt=""></h1>
                <div><img src="images/shoppingcar/carHeader4.jpg" alt=""></div>

                <div class="shopping">
                    <i class="iconfont icon-gouwudai"></i>
                    <span>购物袋</span>
                    <b>0</b>
                </div>
            </div>
        </div>
    </div>

    <!-----------放大镜购物车展示商品部分------------->

    <div class="footerbanxin">
        <div class="carTop">
            <ul class=>
                <li> <input type="checkbox"> 全选</li>
                <li>商品信息</li>
                <li>单价</li>
                <li>数量</li>
                <li>总价</li>
            </ul>
        </div>
        <div id="mainPart">
            <div class="carCenter">
                <div class="cargoods">

                    <!-- <ul>
                        <li><input type="checkbox" style="position: absolute;top: 75px;left: 75px;"></li>
                        <img src="./images/shoppingcar/goods1.jpg" alt="">
                        <div class="one" style="position: absolute;top: 45px;left: 268px;"><br>
                            <li>尺码</li>
                            <select style="width: 80px;height: 20px;">
                                <option value="尺码">S</option>
                                <option value="尺码">M</option>
                                <option value="尺码">L</option>
                            </select>
                        </div>
                        <li style="position: absolute;top: 65px;left: 481px;">￥ <i>199</i> 元</li>
                        <span style="color: black;position: relative;left: 631px;top: 61px;">
                            <a id="jian" index>-</a>
                            <em id=total style="color: #666;">1</em>
                            <a id="jia">+</a>
                        </span>
                        <li style="position: absolute;top: 65px;left: 836px;">￥199元</li>
                        <b class="delete" style="position: absolute;top: 140px;left: 900px;">删除</b>
                         
                    </ul> -->

                </div>

            </div>
        </div>
        <div class="jiesuan">
            <div class="JsTOP">
                <span>使用优惠券</span>

                <div style="display: inline-block;font-size: 12px;float: right;">
                    <b>共<i style="color: #f3168a;">11</i>件商品&nbsp;商品金额</b>
                    <em>￥<i>33.90</i></em>
                </div>

                <div style="font-size: 12px;padding-left: 730px;">
                    <b>总金额 &nbsp;(未含运费)</b>
                    <em style="color: #f3168a;font-size: 23px;">￥<i>33.90</i></em>
                </div>
            </div>
            <div class="JsBOOTOM">
                <span style="float: right;font-size: 14px;color: #666;">请在倒计时结束前结算 </span>
                <b>
                    <div style="width: 150px;">立即结算</div>
                    <div class="daojishi" style="width: 80px;">
                        <em id="minutes"></em>:<em id="seconds"></em>
                    </div>
                </b>
            </div>
        </div>
        <div id="xihuan">

        </div>

    </div>

    <!-- 底部 -->
    <footer></footer>
</body>

</html>
<script src="./js/jQuery.js"></script>
<script src="js/cookie.js"></script>

<script src="js/shoppingCar2.js"></script>
<script>
   

</script>